<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人简历</title>
  <link rel="stylesheet" href="css/resume.css">
</head>
<body>
  <!-- 个人基本信息 -->
  <section id="basic-info">
      <h1>个人基本信息</h1>
      <p>姓名：张三</p>
      <p>联系方式：13800138000</p>
      <p>电子邮箱：zhangsan@example.com</p>
  </section>
  <!-- 教育背景 -->
  <section id="education">
      <h2>教育背景</h2>
      <article>
          <h3>XX 大学</h3>
          <p>专业：计算机科学与技术</p>
          <p>学位：本科</p>
          <p>入学时间：2015 年 9 月 - 2019 年 6 月</p>
      </article>
  </section>
  <!-- 工作经历 -->
  <section id="work-experience">
      <h2>工作经历</h2>
      <button id="toggle-work" onclick="toggleContent('work-details')">展开/收起
</button>
      <div id="work-details" style="display: none;">
          <article>
              <h3>XX 科技有限公司</h3>
              <p>职位：前端开发工程师</p>
              <p>入职时间：2019 年 7 月 - 至今</p>
              <p>工作内容：负责公司产品的前端页面开发与维护，优化页面性能，提升用户体验。
</p>
          </article>
      </div>
2、编辑CSS文件，设置合适的字体、字号、颜色和背景颜色，使页面整体风格统一且舒适。
  </section>
  <!-- 项目经验 -->
  <section id="project-experience">
      <h2>项目经验</h2>
      <button id="toggle-project" onclick="toggleContent('project-details')">展
开/收起</button>
      <div id="project-details" style="display: none;">
          <article>
              <h3>在线教育平台项目</h3>
              <p>项目描述：开发一个在线教育平台，提供课程展示、学习记录等功能。</p>
              <p>担任角色：前端开发，负责页面设计与交互实现。</p>
          </article>
      </div>
  </section>
  <!-- 技能清单 -->
  <section id="skills">
      <h2>技能清单</h2>
      <ul>
          <li>HTML/CSS</li>
          <li>JavaScript</li>
          <li>Vue.js</li>
          <li>React.js</li>
      </ul>
  </section>
  <!-- 联系表单 -->
  <section id="contact-form">
      <h2>提交简历反馈</h2>
      <form id="feedback-form" onsubmit="return validateForm()">
          <label for="name">姓名：</label>
          <input type="text" id="name" required><br>
          <label for="email">邮箱：</label>
          <input type="email" id="email" required><br>
          <label for="message">留言：</label>
          <textarea id="message" required></textarea><br>
          <input type="submit" value="提交">
      </form>
  </section>
  <script src="js/resume.js"></script>
</body>
</html>